<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>文章专栏</title>
	<link href="__PUBLIC__/home/css/common.css" rel="stylesheet">
	<link href="__PUBLIC__/home/css/article.css" rel="stylesheet">
	<link href="__PUBLIC__/home/css/index.css" rel="stylesheet">
	<link href="__PUBLIC__/home/css/bootstrap.min.css" rel="stylesheet">
	<script src="__PUBLIC__/home/js/jquery.min.js"></script>
	<script src="__PUBLIC__/home/js/banner.js"></script>
	<script src="__PUBLIC__/home/js/bootstrap.min.js"></script>
	<script src="__PUBLIC__/home/js/jquery.nav.js"></script>
	<script src="__PUBLIC__/home/js/jquery.SuperSlide.2.1.1.js"></script>
	
</head>
<style>
	.img{width: 100%;}
	@keyframes change{0%   {color:#333;}25%{color:#ff0;}50%{color:#fff;}75%{color:#cf0;}100% {color:#f00;}
</style>
<body>
<nav class="navbar navbar-default head">
    <div class="container-fluid">
    	<div class="container">
	        <div class="navbar-header">
	            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false" id="nav_btn">
	                <span class="sr-only">Toggle navigation</span>
	                <span class="icon-bar"></span>
	                <span class="icon-bar"></span>
	                <span class="icon-bar"></span>
	            </button> 
	            <a  class="logo" href="#"><img src="__PUBLIC__/home/images/logo.png"></a>
	        <div class="title">    
	            <h2>重庆奥骞科技</h2>
	            <p>Chongqing abstruse technology</p>
	        </div>    
	        </div>
	        <form class="navbar-form navbar-left">
				<div class="search">
					<div class="form-group">
						<input type="text" class="form-control">
						<input type="submit" value="">
					</div>
				</div>
			</form>
	        <ul class="login user-menu btn-group">
				<?php if(!isset($_COOKIE['enrollusername'])){ ?>
				<li class="op" id="ip"><a href="{:U('Login/login')}"  class="btn btn-primary btn-lg active">登录</a></li>
				<li class="op"><a href="{:U('Enroll/enroll')}" class="btn btn-primary btn-lg active">注册</a></li>
				<li class="help"><a href="" class="btn btn-primary btn-lg active">帮助</a></li>
				<?php }else{ ?>
				<li><a href="javascript:void(0)"  class="btn btn-default btn-lg active"><?php echo $_COOKIE['enrollusername'];?></a>
					<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false";>
				    <span class="caret"></span>
				    <span class="sr-only">Toggle Dropdown</span>
				  </button>
				  	<ul class="dropdown-menu">
				  	<li class="vip"><a href="" style="animation:change 10s linear 0s infinite;">尊贵VIP</a></li>
				    <li><a href="{:U('Login/logout')}" style="color: red;">退出</a></li>
				  	</ul>
				  	<li class="help"><a href="" class="btn btn-primary btn-lg active">帮助</a></li>
					<?php }?>
				</li>
			</ul>
	    </div>
    </div>
    <div class="fluid">
    	<div class="container">
	        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	            <ul class="nav navbar-nav navbar-right" id="nav">
	                <li><a href="{:U('Index/index')}">首页</a></li>
	                <li><a href="{:U('AboutUs/index')}">公司介绍</a></li>
	                <li><a href="{:U('TrainingCourse/index')}">培训课程</a></li>
	                <li><a href="{:U('CaseShow/index')}">案例展示</a></li>
	                <li><a href="{:U('News/index')}">新闻资讯</a></li>
	                <li><a href="{:U('ContactUs/index')}">联系我们</a></li>
	                <li><a href="{:U('JoinUs/index')}">加入我们</a></li>
	                <li><a href="{:U('ArticleColumn/index')}" class="current">文章专栏</a></li>
	            </ul>
	        </div>
	    </div>
    </div>
</nav>
<!-- banner -->
<div class="banner">
	<div class="img-list">
	<?php foreach($bannerlist as $k=>$v) { ?>
		<img src="<?php echo $v['imgurl']?>" alt="">
	<?php } ?>
	</div>
	<ul class="num-list">
		<?php foreach($bannerlist as $k=>$v) { ?>
		<li></li>
        <?php } ?>
	</ul>
	<div class="turn-btn">
		<span class="left-btn"></span>
		<span class="right-btn"></span>
	</div>
</div>
<!--内容-->
<div class="wrap">
	<!--标题部分-->
	<div class="wrap-title">
		<h3>文章专栏</h3>
		<form class="row">
			<input type="text" class="col-sm-9">
			
			<input type="submit" value="搜索" class="col-sm-3">		
		</form>
	</div>
	<!--导航-->
	<div class="nav-wrap">
		<ul class="subnav">
			<li class="active">
				<a href="">热门</a>
			</li>
			<li>
				<a href="">标签</a>
			</li>
			<li>
				<a href="">热门</a>
			</li>
			<li>
				<a href="">标签</a>
			</li>
			<li>
				<a href="">热门</a>
			</li>
			<li>
				<a href="">标签</a>
			</li>
			<li>
				<a href="">热门</a>
			</li>
			<li>
				<a href="">标签</a>
			</li>
			<li>
				<a href="">热门</a>
			</li>
			<li>
				<a href="">标签</a>
			</li>
			<li>
				<a href="">热门</a>
			</li>
			<li>
				<a href="">标签</a>
			</li>
			<li>
				<a href="">热门</a>
			</li>
			<li>
				<a href="">标签</a>
			</li>
			<li>
				<a href="">热门</a>
			</li>
			<li>
				<a href="">标签</a>
			</li>
			<li>
				<a href="">热门</a>
			</li>
			<li>
				<a href="">标签</a>
			</li>
			<li>
				<a href="">热门</a>
			</li>
			<li>
				<a href="">标签</a>
			</li>
			<li>
				<a href="">热门</a>
			</li>
			<li>
				<a href="">标签</a>
			</li>
			<li>
				<a href="">热门</a>
			</li>
			<li>
				<a href="">标签</a>
			</li>
			<li>
				<a href="">热门</a>
			</li>
			<li>
				<a href="">标签</a>
			</li>
			<li>
				<a href="">热门</a>
			</li>
			<li>
				<a href="">标签</a>
			</li>
			<li>
		</ul>
	</div>
	<!--第一部分完-->
	<!--第二部分-->
</script>
	<div class="wrap-2">
		<div class="row">
			<div class="col-sm-5" id="change">
				<img style="height:353px; width:100%;" src="__PUBLIC__/home/images/2.png" alt="Responsive image" class="img-responsive imgs">
			</div>
			<div class="col-sm-7">
				<ul id="text">
				    <for start="0" end="11" name="i">
						<li>
							<a href="{:U('ArticleShow/index',array('id'=>$list[$i]['Id']))}">
								{$list[$i]['title']}
							</a>
						</li>
					</for>
				</ul>
			</div>
		</div>
	</div>

	<!--第二部分完-->
	<!--第三部分-->
	<div class="wrap-3">
		<h2>热门</h2>
		<ul>
				    <for start="11" end="21" name="i">
						<li>
						<p>
							<a href="">
								{$list[$i]['content']}
							</a>
						</p>
						</li>
					</for>
				</ul>
		
	</div>
	<!--第三部分完-->
	<!--第四部分-->
	<div class="wrap-4">
		<h2>推荐</h2>
		<div class="row">
			<div class="col-sm-5">
				<img src="__PUBLIC__/home/images/5.png" alt="Responsive image" class="img-responsive">
			</div>
			<div class="col-sm-7">
				<h3>目的在于更好的取得胜利</h3>
				<p>
					2017/6/26</br>
					目的在使得用户能够方便有效率地去操作硬件以达成双向之交互，完成所希望借助硬件完成之工作，用户界面定义广泛包含了 人机交互与图形用户目的在使得用户能够方便有效率地去操作硬件以达成双向之交互，完成所希望借助硬件完成之工作，用户界面定义广泛，包含了 人机交互与图形用户目的在使得用户能够方便有效率地去操作硬件以达成双向之交互完成所希望借助硬件完成之工作，用户界面定义广泛，包含了 人机交互与图形用户目的在使得用户能够方便有效率地去操作硬件以达成双向之交互，完成所希望借助硬件完成之工作，用户界面定义广泛，包含了 人机交互与图形用户目的在使得用户能够方便有效率地去操定义广泛，包含了 人机交互与图形用户目的在使得用户能够方便有效率地去操作硬件以达成双向之交互，完成所希望借助硬件完成之工作，用户界面定义广泛，包含了 人机交互与图形用户...
				</p>
			</div>
		</div>
	</div>
	<!--第四部分完-->
	<!--第五部分-->
	<!--第五部分完-->
	<div class="wrap-5">
		<div class="row">
			<div class="col-sm-3">
				<img src="__PUBLIC__/home/images/6.png" alt="Responsive image" class="img-responsive">
				<p>
					目的在使得用户能够方便有效率地去操作硬件以达成双向之交互，完成所希望借助硬件完成之工作，用户界面定义广泛，包含了 人机交互与图形用户目的在使得用户能够方便有效率地去操作硬件以达成率地去操作硬件以达成双向之交互，完成所希望借助硬件完成之工作，用户界面定义广泛，包含了 人机交互与图形用户...
				</p>
			</div>
			<div class="col-sm-3">
				<img src="__PUBLIC__/home/images/7.png" alt="Responsive image" class="img-responsive">
				<p>
					目的在使得用户能够方便有效率地去操作硬件以达成双向之交互，完成所希望借助硬件完成之工作，用户界面定义广泛，包含了 人机交互与图形用户目的在使得用户能够方便有效率地去操作硬件以达成率地去操作硬件以达成双向之交互，完成所希望借助硬件完成之工作，用户界面定义广泛，包含了 人机交互与图形用户...
				</p>
			</div>
			<div class="col-sm-3">
				<img src="__PUBLIC__/home/images/8.png" alt="Responsive image" class="img-responsive">
				<p>
					目的在使得用户能够方便有效率地去操作硬件以达成双向之交互，完成所希望借助硬件完成之工作，用户界面定义广泛，包含了 人机交互与图形用户目的在使得用户能够方便有效率地去操作硬件以达成率地去操作硬件以达成双向之交互，完成所希望借助硬件完成之工作，用户界面定义广泛，包含了 人机交互与图形用户...
				</p>
			</div>
			<div class="col-sm-3">
				<img src="__PUBLIC__/home/images/9.png" alt="Responsive image" class="img-responsive">
				<p>
					目的在使得用户能够方便有效率地去操作硬件以达成双向之交互，完成所希望借助硬件完成之工作，用户界面定义广泛，包含了 人机交互与图形用户目的在使得用户能够方便有效率地去操作硬件以达成率地去操作硬件以达成双向之交互，完成所希望借助硬件完成之工作，用户界面定义广泛，包含了 人机交互与图形用户...
				</p>
			</div>
		</div>
	</div>	
</div>
<!-- 尾部 -->
<div class="footer">
	<p>版权所有：重庆奥骞网络科技有限公司  川ICP备15032603号-2：    技术支持：奥骞网络</p>
</div>
</body>
</html>

                
                    
                
               
                    
              
           


	

